<template>
	<view>
		<u-sticky offset-top="0">
			<navBarView title="律师管理" :statusBarHeight="statusBarHeight"></navBarView>
		</u-sticky>
		<view class="listItem flex-row-space-between">
			<view class="listItem1 flex-row-flex-start">
				<image class="listItem1a"></image>
				<view class="listItem1b">
					<view class="listItem1b1">
						张主任
					</view>
					<view class="listItem1b2">
						18888888888
					</view>
				</view>
			</view>
			<view class="listItem2">
			</view>
		</view>
		<view class="title">
			律师证
		</view>
		<image src="/static/dianji_upload.png" style="width: 290rpx;height: 200rpx;border-radius: 10rpx 10rpx 10rpx 10rpx;margin-top: 24rpx;margin-left: 24rpx;"></image>
		<view class="title">
			权限设置
		</view>
		<view class="listViewItem flex-row-space-between">
			<view class="listViewItem1a">
				收案审批表权限
			</view>
			<image class="listViewItem1c" src="/pageE/static/switch_OFF.png"></image>
		</view>
		<view class="listViewItem flex-row-space-between">
			<view class="listViewItem1a">
				审批权限
			</view>
			<image class="listViewItem1c" src="/pageE/static/switch_OFF.png"></image>
		</view>
		<view class="listViewItem flex-row-space-between">
			<view class="listViewItem1a">
				盖章权限
			</view>
			<image class="listViewItem1c" src="/pageE/static/switch_OFF.png"></image>
		</view>
		<view class="listViewItem flex-row-space-between">
			<view class="listViewItem1a">
				盖章份数限制
			</view>
			<input class="listViewItem1b" type="number" placeholder="请输入"/>
		</view>
		<view class="listViewItem flex-row-space-between">
			<view class="listViewItem1a">
				开票权限
			</view>
			<image class="listViewItem1c" src="/pageE/static/switch_ON.png"></image>
		</view>
		<view class="listViewItem flex-row-space-between">
			<view class="listViewItem1a">
				开票金额限制
			</view>
			<input class="listViewItem1b" type="number" placeholder="请输入"/>
		</view>
		<view @click="chooseCaseTypeClick" class="contentView flex-row-space-between" style="margin-top: 10rpx;">
			<view class="name">
				设为
			</view>
			<view class="flex-row-flex-end">
				<input v-model="value" class="inputView" disabled="true" placeholder="请选择"/>
				<image src="/static/my/mine_blackarrow.png" style="width: 36rpx;height: 36rpx;"></image>
			</view>
		</view>
		<view style="height: 190rpx;"></view>
		<view class="fixed-bottom flex-row-center" style="height: 180rpx;background-color: white;">
			<view @click="createQRCodeClick()" class="saveButton">
				删除
			</view>
			<view @click="daKuanClick()" class="loginButton">
				确定
			</view>
		</view>
		
		<u-action-sheet @close="closeCaseTypeClick" @select="selectClick" :actions="caseTypeList" :closeOnClickOverlay="true" :closeOnClickAction="true" :show="isShowCaseType"></u-action-sheet>
		
	</view>
</template>

<script>

	export default {
		
		onShow() {
			let sysInfo = uni.getSystemInfoSync()
			this.statusBarHeight = sysInfo.statusBarHeight; // 状态栏高度
			this.criminalTypeViewTopHeight = 88+15; // case tyep 距离顶部高度
		},
		data() {
			return {
				statusBarHeight: '',// 状态栏高度 
				isShowCaseType:false,
				caseTypeList:[{name:'普通律师'},{name:'管理人员'},{name:'实际控制人'}],
			}
		},
		methods: {
			chooseCaseTypeClick(){
				this.isShowCaseType = true
			},
			closeCaseTypeClick(){
				this.isShowCaseType = false
			},
			selectClick(item){
				this.isShowCaseType = false
				console.log(item)
				switch (item.name){
					case "普通律师":
					{
						
					}
						break;
					case "管理人员":
					{
						
					}
						break;
					case "实际控制人":
					{
						
					}
						break;
					default:
						break;
				}
				
			},
		}
	}
</script>

<style>
	.inputView{
		width: 440rpx;
		margin-left: 20rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
		text-align: right;
	}
	.name{
		width: 250rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
	}
	.contentView{
		padding-left: 24rpx;
		padding-right: 24rpx;
		padding-top: 30rpx;
		padding-bottom: 30rpx;
	}
	.listViewItem1c{
		width: 96rpx;
		height: 96rpx;
	}
	.listViewItem1b{
		width: 490rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
		text-align: right;
	}
	.listViewItem1a{
		width: 202rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
	}
	.listViewItem{
		padding-left: 24rpx;
		padding-right: 24rpx;
		padding-top: 10rpx;
		padding-bottom: 10rpx;
		width: 702rpx;
	}
	.title{
		margin-top: 40rpx;margin-left: 24rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 36rpx;
		color: #333333;
	}
	.listItem1b2{
		margin-top: 14rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
	}
	.listItem1b1{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
	}
	.listItem1b{
		margin-left: 28rpx;
	}
	.listItem1a{
		width: 104rpx;
		height: 104rpx;
		border-radius: 52rpx;
		background-color: #E93548;
	}
	.listItem{
		margin-left: 24rpx;
		margin-top: 24rpx;
		width: 702rpx;
		/* padding-left: 24rpx;
		padding-right: 24rpx; */
		padding-top: 32rpx;
		padding-bottom: 32rpx;
		/* background: #FFFFFF;
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(0,0,0,0.04);
		border-radius: 10rpx 10rpx 10rpx 10rpx; */
	}
	.saveButton{
		width: 342rpx;
		height: 90rpx;
		border: 2rpx solid #E93548;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #E93548;
		line-height: 90rpx;
		text-align: center;
	}
	.loginButton {
		margin-left: 18rpx;
		width: 342rpx;
		height: 90rpx;
		background: linear-gradient( to bottom, #E93548 0%, #F35B43 100%);
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(235,43,59,0.4);
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 90rpx;
		text-align: center;
	}
</style>
